<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/ecommerce.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content filters">
		 
		    <div id="header" class="cart-content">
			    <p class="iconfont icon-fanhui confirm-icon"></p>
			    <div class="w_title cart-box">
			       	<p class="">Filters</p>			       	
			    </div>
		       <p class="p-Done">Done</p>	    	
		    </div>


	    	<div class="filters-div"> 
    	        <div class="h3-box">
		       	    <h3>SIZE<i class="iconfont icon-fold"></i></h3>
		        </div>
			    <div class="middle">
					<ul class="mashu">
						<li>XS</li>
						<li class="li-blue">S</li>
						<li>M</li>
						<li>L</li>
						<li>XL</li>
						<li>XXL</li>
						<li>8</li>
						<li>9</li>
						<li class="li-blue">10</li>
						<li>11</li>
						<li>12</li>
					</ul>
				</div>

				<div class="h3-box">
		       	    <h3>GATEGORIES<i class="iconfont icon-down"></i></h3>
		        </div>
			    <div class="middle">
					<!-- <ul class="mashu" >
						<li>XS</li>
						<li class="li-blue">S</li>
						<li>M</li>
						<li>L</li>
						<li>XL</li>
						<li>XXL</li>
						<li>8</li>
						<li>9</li>
						<li class="li-blue">10</li>
						<li>11</li>
						<li>12</li>
					</ul> -->
				</div>

				<div class="h3-box">
		       	    <h3>COLORS<i class="iconfont icon-fold"></i></h3>
		        </div>
			    <div class="middle">
					<ul class="mashu filters-ul">
						<li class="li-1"></li>
						<li class="iconfont icon-iconfont31xuanze li-2"></li>
						<li class="li-3"></li>
						<li class="li-4"></li>
						<li class="li-5"></li>
						<li class="li-6"></li>
					</ul>
				</div>

				<div class="h3-box">
		       	    <h3>BRANDS<i class="iconfont icon-fold"></i></h3>
		        </div>
			 

				<div class="mui-content part4">

				    <div id="header">
				       
				        <div class="search_tips">
				       		<div class="search_tips_a">
				   		       	<span class="iconfont icon-sousuo serach_icon"></span>
								<c>Search by name</c>    			
				       		</div>

				        </div> 

				        <input type="text"  class="mui-input-clear phone_input">	
				         	
				    </div>	
				</div>


				<div class="filters-checkbox">
					<div class="filters-checkbox-div">
						<ul>
							<li>
							    <div>
							    	<p>Fred Perry</p>
								    <p class="p2">
								    	<input type="checkbox">
								    </p>
							    </div>	
							</li>
							<li>
								<div>
							    	<p>Jack & Jones</p>
								    <p class="p2">
								    	<input type="checkbox">
								    </p>
							    </div>	
							</li>
							<li>
								<div>
							    	<p>New Balance</p>
								    <p class="p2">
								    	<input type="checkbox">
								    </p>
							    </div>	
							</li>
							<li>
								<div>
							    	<p>New Look</p>
								    <p class="p2">
								    	<input type="checkbox">
								    </p>
							    </div>	
							</li>
							<li>
								<div>
							    	<p>Nike</p>
								    <p class="p2">
								    	<input type="checkbox">
								    </p>
							    </div>	
							</li>
							
						</ul>

					</div>

				</div>

				<div class="h3-box" style="margin:175px 0 0 0;">
		       	    <h3>PRICE<i class="iconfont icon-fold"></i></h3>
		        </div>
			    <div class="middle">
					<div class="fil-footer">
						<ul>
							<li>50</li>
							<li>150</li>
							<li>200</li>
							<li>250</li>
						</ul>
						<div class="filter-jindutiao">
							<div class="jindu-box">
								<p class="p1"></p>
								<p class="p2"></p>
							</div>
						</div>

                        <div class="fil-footer-box">
                       	    <div class="filters-icon i1">
		                	    <i class="iconfont icon-choose"></i>
		                	    <p>$48</p>
		                    </div>
		                    <div class="filters-icon i2">
		                	    <i class="iconfont icon-choose"></i>
		                	    <p>$190</p>
		                    </div>
                        </div>
						
					</div>
				</div>


			</div>

		   

	</body>

</html>